<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<style>

    * {
        margin: 0px;
        padding: 0px;
    }

    #container {
        justify-content: space-between; // 两端对齐
        height: 500px;
        display: flex;
        align-items: center;
        border: 1px solid #21bb80; /* 宽度 样式 颜色 */
    }

    #container div {
        width: 100px;
        height: 50px;
        background-color: #dc2424;
        //margin: 20px;
    }
</style>
<body>
<div id="container">
  <div>1</div>
  <div>2</div>
</div>

</body>


</html>
